<template>
  <a
    href="javascript:;"
    class="icon goodbutton"
    :class="item.isGood ? 'on' : ''"
    @click="goodClickHandle"
    :title="this.$t('lang.点赞')"
  >
    <span
      class="icon-favorites"
      :class="item.isGood ? 'icon-favorites-fill' : ''"
    ></span>
  </a>
</template>
<script>
export default {
  name: "GoodButton",
  props: {
    item: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  methods: {
    goodClickHandle() {},
  },
};
</script>
<style lang="less">
@base: 23.44rem;
a {
  &.goodbutton {
    &.on {
      color: rgb(165, 42, 42);
    }
  }
}
</style>
